<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Fixed sidenav</title>
<style>
#container{position:relative;width:980px;margin:0 auto;overflow:hidden}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;top:0px;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
</style>
<!--[if gte IE 5.5]>
	<![if lt IE 7]>
	<style>
	 *html #sidenav{position:absolute;
		left:expression((a=document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)+'px');
		top:expression((a=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+'px')
	}
	</style>
	<![endif]>
<![endif]-->
</head>

<body>
<div id="container">
	<div id="sidenav">
		<div class="menu">menu1</div>
		<div class="menu">menu1</div>
		<div class="menu">menu1</div>
		<div class="menu">menu1</div>
		<div class="menu">menu1</div>
	</div>
	<div id="content">
		#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
#container{background:url(../images/o_underline_5.gif) no-repeat scroll;position:relative;width:980px;margin:0 auto;}
#sidenav{position:fixed;width:300px;float:left;border:1px solid gray;}
#content{width:640px;float:right;padding:0px 20px;border:1px solid gray;}
*html #sidenav{position:absolute;
left:expression((0(a=document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px');
top:expression((0(a=document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)) 'px')
}
	</div>
</div>
</body>
</html>
